<template>
  <el-input
    v-model="input"
    clearable
    :placeholder="placeholder"
    class="input-with-select"
    @clear="$emit('search',input)"
  >
    <el-button slot="append" icon="el-icon-search" @click="$emit('search',input)" />
  </el-input>
</template>

<script>
export default {
  props: {
    placeholder: {
      type: String,
      default: '请输入内容'
    }
  },
  data() {
    return {
      input: ''
    }
  },
  created() {

  },

  methods: {

  }
}
</script>

<style scoped lang='scss'>
.input-with-select{
  width: 33%;
}
</style>
